const Logo = () => {
  return (
    <svg
      id="Layer_1"
      data-name="Layer 1"
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 250 250"
      width="100%"
      height="100%"
    >
      <g>
        <path
          className="cls-2"
          fill="#8caedc"
          d="m77.76,190h84.79c3.25,0,5.88-2.64,5.88-5.88,0-1.18-.36-2.27-.95-3.19,0,0,0,0,.01,0l-18.17-28.01c-1.13-1.73-3.01-2.69-4.94-2.69-1.1,0-2.21.31-3.21.96-2.72,1.76-3.5,5.41-1.72,8.13l12.28,18.94h-73.98c-3.25,0-5.88,2.63-5.88,5.88s2.63,5.88,5.88,5.88Z"
        />
        <path
          className="cls-4"
          fill="#f79151"
          d="m99.33,155.67h-27.45v-71.56c0-3.23-2.65-5.88-5.88-5.88s-5.88,2.65-5.88,5.88v77.44c0,3.25,2.63,5.88,5.88,5.88h33.33c3.23,0,5.88-2.65,5.88-5.88s-2.65-5.88-5.88-5.88Z"
        />
        <path
          className="cls-3"
          fill="#765ba7"
          d="m150.91,94.34h27.45v71.56c0,3.23,2.65,5.88,5.88,5.88s5.88-2.65,5.88-5.88v-77.44c0-3.25-2.63-5.88-5.88-5.88h-33.33c-3.23,0-5.88,2.65-5.88,5.88s2.65,5.88,5.88,5.88Z"
        />
        <path
          className="cls-5"
          fill="#ef3d55"
          d="m172.48,60h-84.79c-3.25,0-5.88,2.64-5.88,5.88,0,1.18.36,2.27.95,3.19,0,0,0,0-.01,0l18.17,28.01c1.13,1.73,3.01,2.69,4.94,2.69,1.1,0,2.21-.31,3.21-.96,2.72-1.76,3.5-5.41,1.72-8.13l-12.28-18.94h73.98c3.25,0,5.88-2.63,5.88-5.88s-2.63-5.88-5.88-5.88Z"
        />
      </g>
    </svg>
  )
}

export default Logo
